<template>
    <div>
        <div class="library_list">
            <div class="item">
                <img src="../assets/csdnLogo.png">
                <div class="link_title">
                    <a href="#">点击跳转</a>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import {getCollectionList  } from '../api/collection'

export default {
    name:"library_list",
    data(){
        return{
            collectionList:[],
            collection:{
                id:'',
                type:'',
                link:'',
                userId:'',
                title:'',
            },
        }
    },
    created(){

    },
    methods:{
        async fetchCollectionList(){
            try {
                const response = await getCollectionList();
                this.collectionList = response.data;
            } catch (error) {
                console.log('Error fetching CollectionList',error);
            }
        }
    }
}
</script>

<style>
    .library_list{
        border: 0px;
    }
    .library_list>.item{
        display: block;
        height: 100px;
        width: 100%;
        position: relative;
        border-bottom: 1px solid black;
        float: left;
    }
    .item>img{
        width: 80px;
        width: 80px;
        position: absolute;
        left: 10px;
        top: 10px;
    }
    .link_title{
        text-align: center;
        justify-items: center;
        display: inline;
        position: absolute;
        top: 20px;
        left: 150px;
    }
    .link_title>a:link{
        text-decoration: none;
        color: black;
    }
    .link_title>a:visited{
        text-decoration: none;
        color: black;
    }
    .link_title>a:hover{
        text-decoration: underline;
        text-decoration-color: black;
    }
    .link_title>a:active{
        text-decoration: none;
        color: black;
    }
    
    

</style>